<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="keywords" content="VR虚拟、形拓科技" />
    <meta name="description" content="形拓科技官网">
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="assets/third/swiper/swiper.min.css">
    <link rel="stylesheet" href="assets/css/all.min.css">
    <title>无忧服务｜形拓科技 </title>
</head>

<body>
    <!-- 顶部 header start -->
    <div class="header">
        <div class="inner">
            <a href="index.html" class="logo"></a>
            <div class="m-nav-switch">
                <span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span>
            </div>
            <div class="nav">
                <ul>
                    <li ><a href="index.html" class="first-level-menu">首页</a></li>
                    <li ><a href="innovation-motivation.html" class="first-level-menu"> 创新动力 </a></li>
                    <li class="drop-menu active"  >
                        <a href="success-cases.html" class="first-level-menu"> 成功案例 <i class="icon-arrow-d"></i> </a>
                        <span class="m-drop-arrow first-level-arrow"></span>
                        <div class="drop-content">
                            <div class="item">
                                <a href="success-cases.html#caseItem1"> <span class="txt">应急管理</span> <i class="icon-arrow-r"></i></a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">危害预测及推演</a>
                                    <a href="case-details.html">协同指挥及施救</a>
                                    <a href="case-details.html">应急方案沙盘</a>
                                    <a href="case-details.html">应急培训演练</a>
                                </div>
                            </div>
                            <div class="item">
                                <a href="success-cases.html#caseItem2"> <span class="txt">数字教育 </span><i class="icon-arrow-r"></i></a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">XR教学课件</a>
                                    <a href="case-details.html">虚拟实训基地</a>
                                    <a href="case-details.html">模拟仿真实验</a>
                                    <a href="case-details.html">虚拟教育平台</a>
                                </div>
                            </div>
                            <div class="item">
                                <a href="success-cases.html#caseItem3"><span class="txt">数字孪生</span> <i class="icon-arrow-r"></i>
                                </a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">智慧工厂</a>
                                    <a href="case-details.html">智慧园区</a>
                                    <a href="case-details.html">操作仿真</a>
                                    <a href="case-details.html">环境仿真</a>
                                </div>
                            </div>
                            <div class="item">
                                <a href="success-cases.html#caseItem4"><span class="txt">行业应用 </span> <i class="icon-arrow-r"></i></a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">石油化工</a>
                                    <a href="case-details.html">能源</a>
                                    <a href="case-details.html">教育</a>
                                    <a href="case-details.html">工业制造</a>
                                    <a href="case-details.html">医疗健康</a>
                                    <a href="case-details.html">航天航空</a>
                                    <a href="case-details.html">城市管理</a>
                                    <a href="case-details.html">更多</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class='current'><a href="service.html" class="first-level-menu"> 无忧服务 </a></li>
                    <li ><a href="about.html" class="first-level-menu"> 关于我们 </a></li>
                    <li class="lang-switch"><a href="javascript:void(0)"> EN </a></li>
                </ul>
                <div class="contact-infor-tabbox mobile-show">
                    <div class="infor-tab-nav">
                        <span class="item active">上海</span><span class="item">山东</span><span class="item">浙江</span>
                    </div>
                    <div class="infor-tab-cont">
                        <p>地址：徐汇区桂平路418号2008室</p>
                        <p>电话：（+86）02164318100</p>
                        <p>传真：（+86）02164318123</p>
                    </div>
                    <div class="infor-tab-cont" style="display: none;">
                        <p>地址：济南市天辰路2177号联合财富广场2号楼709</p>
                        <p>电话：（+86）053165687390</p>
                        <p>传真：（+86）053164395288</p>
                    </div>
                    <div class="infor-tab-cont" style="display: none;">
                        <p>地址：宁波市江北区宝马街8号2幢202室</p>
                        <p>电话：（+86）057364318100</p>
                        <p>传真：（+86）057364318123</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- // header end -->
    <!-- 顶部kv start-->
    <div class="top-banner banner-service J-scroll-group">
        <div class="wrap-box">
            <div class="inner-cont">
                <h3 class="ani-up-in2">无忧服务</h3>
                <p class="zh ani-up-in">
                    为客户提供一站式软、硬件交付服务，同时提供长期委托运维服务
                </p>
            </div>
            <div class="lattice-group staggering-grid-1 lattice-group1 mobile-hide">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
            <div class="lattice-group staggering-grid-1 lattice-group2 mobile-hide">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
            <span class="lattice-1 abs"></span>
            <span class="lattice-6 abs mobile-hide"></span>
            <span class="lattice-5 abs mobile-hide"></span>
        </div>  
        <span class="lattice-2 abs"></span>     
        <div class="video-bg" data-pc-url="assets/video/banner-service.mp4" data-mobile-url="assets/video/banner-service@2x.mp4"></div>
    </div>
    <!-- // 顶部kv end-->

    <!-- 服务项目 start -->
    <div class="wrap-box-1200">
        <!-- 数据服务 start -->
        <div class="service-container J-scroll-group">
            <div class="service-infor ani-opacity-in ani-delay-25">
                <h3>数据服务</h3>
                <p class="text">提供数据安全、挖掘和分析服务；同时，借助AI算法，可以提前获得风险警告和预测发展趋势并提供问题原因分析</p>
            </div>
            <div class="service-img">
                <div class="item item1 ani-right-in2">
                    <img src="assets/images/service-img1.jpg">
                </div>
                <div class="item item2 ani-left-in2">
                    <img src="assets/images/service-img2.jpg">
                </div>
                <span class="lattice-7 abs"></span>
                <span class="lattice-8 abs"></span>
            </div>
            <div class="lattice-group abs staggering-grid-2 w144">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
        </div>
        <!-- //数据服务 end -->
        <!-- 硬件服务 start -->
        <div class="service-container J-scroll-group">
            <div class="service-infor ani-opacity-in ani-delay-25">
                <h3>硬件服务</h3>
                <p class="text">提供基于XR技术的硬件开发、采购、安装、调试等一站式服务，无忧享受工业元宇宙的科技成果</p>
            </div>
            <div class="service-img">
                <div class="item ani-left-in2">
                    <img src="assets/images/service-img3.jpg">
                </div>
                <div class="item ani-right-in2">
                    <img src="assets/images/service-img4.jpg">
                </div>
                <span class="lattice-7 abs"></span>
                <span class="lattice-8 abs"></span>
            </div>
            <div class="lattice-group abs staggering-grid-2 w144">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
        </div>
        <!-- //硬件服务 end -->

        <!-- 网络服务 start -->
        <div class="service-container J-scroll-group">
            <div class="service-infor ani-opacity-in ani-delay-25">
                <h3>网络服务</h3>
                <p class="text">基于客户需求，实现局域网、广域网、云部署</p>
            </div>
            <div class="service-img">
                <div class="item ani-right-in2">
                    <img src="assets/images/service-img5.jpg">
                </div>
                <div class="item ani-left-in2">
                    <img src="assets/images/service-img6.jpg">
                </div>
                <span class="lattice-7 abs"></span>
                <span class="lattice-8 abs"></span>
            </div>
            <div class="lattice-group abs staggering-grid-1">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
        </div>
        <!-- //网络服务 end -->

        <!-- 委托运维 start -->
        <div class="service-container J-scroll-group">
            <div class="service-infor ani-opacity-in ani-delay-25">
                <h3>委托运维</h3>
                <p class="text">提供软、硬件长期运营与维护服务，使系统与企业共同成长</p>
            </div>
            <div class="service-img">
                <div class="item ani-left-in2">
                    <img src="assets/images/service-img7.jpg">
                </div>
                <div class="item ani-right-in2">
                    <img src="assets/images/service-img8.jpg">
                </div>
                <span class="lattice-7 abs"></span>
                <span class="lattice-8 abs"></span>
            </div>
            <div class="lattice-group abs staggering-grid-2 w144">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
        </div>
        <!-- //委托运维 end -->

    </div>

    <!-- 底部模块 start -->
    <div class="footer J-scroll-group">
        <!-- <div class="lattice-group abs staggering-grid-2 w144">
            <div class="grid">
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
            </div>
            <div class="grid shadow">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span>
            </div>
        </div> -->
        <div class="wrap-box">
            <!-- <span class="lattice-5 abs"></span> -->
            <span class="lattice-6 abs"></span>
            <h3 class="cont-til50 ani-up-in2">不妨和我们聊聊<br />我们能为您带来什么</h3>
            <div class="footer-cont ani-opacity-in ani-delay-25">
                <div class="form-box">
                    <div class="form-item">
                        <span class="label">姓名</span>
                        <input type="text" placeholder="请输入您的姓名" class="input">
                    </div>
                    <div class="form-item">
                        <span class="label">电子邮件</span>
                        <input type="text" placeholder="请输入您的电子邮箱地址" class="input">
                    </div>
                    <div class="form-item">
                        <span class="label">联系电话</span>
                        <p class="tel-item">
                            <i>+86</i>
                            <input type="text" placeholder="" class="input">
                        </p>
                    </div>
                    <div class="form-item">
                        <span class="label">途径</span>
                        <div class="select-item J-select-item">
                            <span class="select-text"> 公众号 </span>
                            <ul class="select-options">
                                <li data-value="公众号" class="selected"> <span class="txt"> 公众号 </span> </li>
                                <li data-value="朋友推荐"> <span class="txt"> 朋友推荐 </span> </li>
                                <li data-value="短信推送"> <span class="txt"> 短信推送 </span> </li>
                                <li data-value="线下推广"> <span class="txt"> 线下推广 </span> </li>
                                <li data-value="其他"> <span class="txt"> 其他 </span> </li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-item textarea-item">
                        <span class="label">内容</span>
                        <textarea class="textarea"></textarea>
                    </div>
                    <div class="form-item">
                        <button class="more-btn">
                            <span class="text">立即提交</span> <i class="dot"></i><i class="dot"></i><i class="dot"></i><i
                                class="dot"></i>
                            <p class="line-group"></p>
                        </button>
                    </div>
                </div>
                <div class="infor-box">
                    <a href="index.html" class="bot-logo">
                        <img src="assets/images/logo@2x.png">
                    </a>
                    <div class="contact-infor-tabbox mobile-hide">
                        <div class="infor-tab-nav">
                            <span class="item active">上海</span><span class="item">山东</span><span class="item">浙江</span>
                        </div>
                        <div class="infor-tab-cont">
                            <p>地址：徐汇区桂平路418号2008室</p>
                            <p>电话：（+86）02164318100</p>
                            <p>传真：（+86）02164318123</p>
                        </div>
                        <div class="infor-tab-cont" style="display: none;">
                            <p>地址：济南市天辰路2177号联合财富广场2号楼709</p>
                            <p>电话：（+86）053165687390</p>
                            <p>传真：（+86）053164395288</p>
                        </div>
                        <div class="infor-tab-cont" style="display: none;">
                            <p>地址：宁波市江北区宝马街8号2幢202室</p>
                            <p>电话：（+86）057364318100</p>
                            <p>传真：（+86）057364318123</p>
                        </div>
                    </div>
                    <!-- code -->
                    <div class="WX-code">
                        <img src="assets/images/WX_code.png" alt="形拓科技公众号">
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright ani-opacity-in ani-delay-5">COPYRIGHT 2022上海形拓科技有限公司 版权所有 沪ICP备14033395号</div>
        <div class="video-bg">
            <video autoplay muted loop preload="auto" x-webkit-airplay='true' x5-video-player-type='h5'
                x5-video-player-fullscreen='true' playsinline class="video">
                <source src="assets/video/foot.mp4">
            </video>
        </div>
    </div>
    <!-- // 底部模块 end -->
    <script src="assets/third/jquery-2.1.4.min.js"></script>
    <script src="assets/third/gsap3.11.5/gsap.min.js"></script>
    <script src="assets/third/gsap3.11.5/ScrollTrigger.min.js"></script>
    <script src="assets/third/swiper/swiper.min.js"></script>
    <!-- assets/third/vanilla-tilt.min.js -->
    <script src="assets/third/anime.min.js"></script>
    <script src="assets/js/common.min.js"></script>
</body>

</html>